<!-- 提交按钮 -->
<template>
	<view class="container" :style="{'padding-bottom': safeAreaBottom + 'px'}">
		<view class="content" :style="{'padding-bottom': safeAreaBottom === 0 ? '40rpx': '0px'}">
			<button class="btn btn-transition-scale95">提 交</button>
		</view>
	</view>
</template>

<script setup>
	const safeAreaBottom = getApp().globalData.safeAreaBottom; // 底部安全区域高度
</script>

<style lang="scss" scoped>
	.content {
		padding: 46rpx 45rpx 40rpx;

		.btn {
			width: 100%;
			height: 88rpx;
			font-size: 28rpx;
			color: white;
			text-align: center;
			line-height: 88rpx;
			background-color: #FE3333;
			border-radius: 44rpx;
		}
	}
</style>